﻿@charset "utf-8";

/**************************************************************************************************
* main style
***************************************************************************************************/

/* basic layout */

div.container {min-height:1080px; padding:0;}
section.mainContArea { width:1280px; min-width:320px; margin:0 auto; border:0; position:relative;}
section.mainContArea:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}

/******************************** main contents **********************************/

section.mainContArea div.visualArea {width:640px; height:320px;}

/* basic box */
div.boxCont {}   

section.mainContArea div.start{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box01_img.png') center no-repeat;}
section.mainContArea div.visualArea{float:left; width:640px; height:320px; margin:0; overflow:hidden;}
section.mainContArea div.realafterArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;}
section.mainContArea div.speeddateArea {float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box04_img.png') center no-repeat}
section.mainContArea div.priceArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;}
section.mainContArea div.recommendArea {float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box06_img.png') center no-repeat}

.boxgrid{width:320px;height: 320px; margin:0px; float:left;position: relative; }
.boxgrid img{position: absolute; top: 0; 	left: 0; 	border: 0; }
.boxgrid p{padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption{float: left; position: absolute; height: 320px; width: 320px; opacity: 1;text-align:center;z-index:99999;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
.boxcaption h1{font-size:24px;font-weight:400}

.captionfull .boxcaption {top: 260;	left: 0;}
.caption .boxcaption {top: 220;left: 0;}


section.mainContArea div.recommendArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;}
section.mainContArea div.epilogueArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box07_img.png') center no-repeat}
section.mainContArea div.snsArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box08_img.png') center no-repeat}
section.mainContArea div.iconArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:#36393f}
section.mainContArea div.movieArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:#000}
section.mainContArea div.endArea{float:left; width:320px; height:320px; margin:0; overflow:hidden;background:url('../image/main/box10_img.png') center no-repeat}


/* title */
section.mainContArea h3 {font-size:12px; font-weight:normal; color:#008c99; margin-left:20px; height:23px; position:relative;}
section.mainContArea .more {position:absolute; top:0; right:14px; z-index:10; background:url('../images/button/btn_more.png') center no-repeat; width:40px; height:10px; padding:3px; font-size:0; line-height:0; text-indent:-99999px;}


/* image */
section.mainContArea p.img img {width:320px;}
section.mainContArea div.noticeArea{height:100px;}


/* list */
section.mainContArea ul.list {padding:0;margin:30px 20px 0 30px;}
section.mainContArea ul.list li {padding:0;margin:0;overflow:hidden}
section.mainContArea ul.list li h1{font-size:30px; color:#fff;font-weight:400;line-height:26px;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.20);
    -moz-text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.20);
    -webkit-text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.20);
}
section.mainContArea ul.list li h1 span{font-weight:800;}
section.mainContArea ul.list li:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.mainContArea ul.list li p {float:left;color:#fff;padding-top:15px;font-size:15px;line-height:21px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.20);
    -moz-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.20);
    -webkit-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.20);
}
section.mainContArea ul.list .lt_more {position:absolute;top:235px;left:30px;color:#fff;font-size:10px;font-family:verdana;letter-spacing:0.05em;text-decoration:none;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
}
section.mainContArea ul.list li span {}
section.mainContArea ul.list li a {display:inline-block; color:#999; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
section.mainContArea ul.list li a:hover {color:#008c99;}

section.mainContArea dl.list {margin:19px 20px 0 20px;}
section.mainContArea dl.list dt {font-size:14px; color:#666666; font-weight:bold; padding:0 40px 2px 0;}
section.mainContArea dl.list dd {font-size:12px; color:#999; line-height:18px; height:4.5em; overflow:hidden;}
section.mainContArea dl.list dt a {display:inline-block; color:#666; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
section.mainContArea dl.list dd a {color:#999;}
section.mainContArea dl.list a:hover {color:#008c99;}

section.mainContArea p.txt {margin:15px 20px 5px 20px; font-size:12px; color:#999; line-height:18px; max-height:3em; overflow:hidden;}
section.mainContArea p.txt a {color:#999;}
section.mainContArea p.txt a:hover {color:#008c99;}
section.mainContArea dl.num {margin:0 10px 0 20px; color:#bababa;}
section.mainContArea dl.num dt {display:inline; font-weight:bold;}
section.mainContArea dl.num dd {display:inline; margin:0 10px 0 5px;}
section.mainContArea span.read,
section.mainContArea span.date {margin:0 20px; color:#bababa;}


/* slide */


/* icon */


/************************** default (1280px) ******************************/
@media screen and (min-width:1280px){
#mlogo{display:none;}

#container_sub {position:relative;max-width:1280px; min-height:540px; margin:0 auto;padding:160px 0 105px 0;line-height:1.8em;background:url('../image/all/bottom_bg.gif') center bottom no-repeat;border-bottom:4px solid #c1454a;}
#content_list {margin:0;padding:5em 2em 5em 2em;max-width:1280px; min-height:540px;background:#fff;}
#right_btn{position:absolute;top:160px;right:0;z-index:9;background:#c1454a}
}



/************************** tablets default (768px) ******************************/
@media screen and (min-width:768px) and (max-width:1280px) {
div.container {padding-top:71px;}
section.navi {top:0;}
nav.menu > ul {height:50px;}
}



/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {
div.container {padding-top:173px;}
section.navi {top:0;}
}



/************************** size etc ******************************/
@media screen and (max-width:1280px) {
section.mainContArea {margin:0 auto;}
}



@media screen and (min-width:960px) and (max-width:1280px) {
section.mainContArea {width:960px;}

#mlogo {display:none}
#gnb2 {display:none} /* Menu 감추기 */
#right_btn{position:absolute;top:140px;right:0;z-index:9;background:#c1454a}

#container_sub {position:relative;max-width:1280px; min-height:540px; margin:0 auto;padding:140px 0 105px 0;line-height:1.8em;background:url('../image/all/bottom_bg.gif') center bottom no-repeat;border-bottom:4px solid #c1454a;}
#content_list {margin-top:0px;padding:2em 2em 5em 2em;max-width:1280px; min-height:540px;background:#fff;}

#ft{margin-top:30px;padding:0}
}



@media screen and (min-width:640px) and (max-width:959px) {
section.mainContArea {width:640px;}
section.mainContArea div.start{display:none}
section.mainContArea div.endArea{display:none}

#logo2 {padding-left:10px}
#gnb {display:none} /* Menu 감추기 */
#tnb {display:none} /* Smenu 감추기 */
#right_btn {display:none} /* Side Menu 감추기 */

#ft{height:132px;margin:0;padding:0}
#ft_copy{display:none}
#ft_address {padding:2em}

#container_sub {position:relative;max-width:1280px; min-height:540px; margin:0 auto;padding:108px 0 105px 0;line-height:1.8em;background:url('../image/all/bottom_bg.gif') center bottom no-repeat;border-bottom:4px solid #c1454a;}
#content_list {margin-top:0px;padding:2em 0.25em 2em 0.25em;max-width:1280px; min-height:540px;background:#fff;}
}



@media screen and (min-width:320px) and (max-width:639px) {
section.mainContArea {width:320px;}

#logo2 {padding-left:10px}
#gnb {display:none} /* Menu 감추기 */
#tnb {display:none} /* Smenu 감추기 */
 .navig{display:none} /* Navi 감추기 */
#right_btn {display:none} /* Side Menu 감추기 */

#ft{height:132px;margin:0;padding:0}
#ft_copy{display:none}
#ft_address {padding:2em}

#container_sub {position:relative;max-width:1280px; min-height:540px; margin:0 auto;padding:108px 0 105px 0;line-height:1.8em;background:url('../image/all/bottom_bg.gif') center bottom no-repeat;border-bottom:4px solid #c1454a;}
#content_list {margin-top:0px;padding:2em 0.25em 0em 0.25em;max-width:1280px; min-height:540px;background:#fff;}
#sub_page_bg1{display:none}
#sub_page_bg2{display:none}
#sub_page_bg3{display:none}
#sub_page_bg4{display:none}
#sub_page_bg5{display:none}

.sub_title li.stitle{display:none} /* sub title */
}



@media screen and (max-width:639px) {
section.mainContArea {width:320px;}
section.mainContArea div.visualArea {width:320px; height:320px;}
section.mainContArea div.start{display:none}
section.mainContArea div.endArea{display:none}

#logo2 {padding-left:10px}
#gnb {display:none} /* Menu 감추기 */


#ft{height:132px;margin:0;padding:0}
#ft_copy{display:none}
#ft_address {padding:2em}
}